<script lang="ts" setup>
import { ref, provide } from 'vue'
import { LoadingKey,MainLibraryKey,MainDetailModalKey } from '@/types/keys';
import { useWindowSize } from '@/utils/useWindowSize'

// 大屏适配尺寸工具
useWindowSize()
// 加载loading图
provide(LoadingKey,ref(false))
// 主仓库是否是全屏
provide(MainLibraryKey,ref(false))
// 主仓库是否展示弹窗
provide(MainDetailModalKey,ref(false))

</script>

<template>
  <div class="main">
    <Header></Header>
    <div class="full-w row-normal-align-start">
      <Left></Left>
      <Right></Right>
    </div>
    <Loading></Loading>
  </div>
</template>

<style lang="stylus" scoped>
@import "stylus-px2rem";
@import url('@/css/main.styl');
@import url('@/css/normal.styl');
</style>@/utils/useWindowSize
